$(document).ready(function(){
let LeftLi=document.querySelectorAll('.left>ul>li>div');
let as=document.querySelectorAll('.left>ul>li>div>span:nth-child(2)');
let LiEjXuaTing=document.querySelectorAll('.left>ul>li>ul>li>a')

LeftLi2();// 悬停
UlEj();// 二级菜单
cHeLan();// 点击事件
AddEvenA();//嵌套事件  



// 悬停
function LeftLi2(){  
    for(let i=0;i<LeftLi.length;i++){
        LeftLi[i].onmouseover=function(){
            for(let i=0;i<LeftLi.length;i++){
                LeftLi[i].classList.remove('Xuan')
                as[i].classList.remove('Xuan'); 
            }
            this.classList.add('Xuan');
            as[i].classList.add('Xuan');
        }
        LeftLi[i].onmouseout=function(){
            LeftLi[i].classList.remove('Xuan');   
            as[i].classList.remove('Xuan');
        }
    }
}
// 二级菜单
function UlEj(){
    for(let i=0;i<LiEjXuaTing.length;i++){
        LiEjXuaTing[i].onmouseover=function(){
            // LeftLi[i].stopPropagation();
            for(let i=0;i<LiEjXuaTing.length;i++){
                LiEjXuaTing[i].classList.remove('Xuan')
            }
            this.classList.add('Xuan');   
        }
    }
}
// 点击事件
function cHeLan(){
        let oneLiArr = document.querySelectorAll('.left>ul>li>div');//获取li
        //获取尖头
        let spans=document.querySelectorAll(".left>ul>li>div>span:nth-child(3)");
        for(let i=0;i<oneLiArr.length;i++) {
            oneLiArr[i].addEventListener('click',function(){//添加事件
                let subU1 = this.parentNode;
                let subU2=subU1.getElementsByTagName('ul');
                if (subU2.length == 0) {
                    return;
                }
                let height = subU1.style.height;
                if (height == '' || height == '55px') {
                    for(let i=0;i<this.length;i++){
                        this.parentNode.style.height='55px';
                    }
                    subU1.style.height = (55 + 55 * subU2[0].getElementsByTagName('li').length) + 'px';  
                     spans[i].style.transform="rotate(-90deg)";      
                } else {
                    subU1.style.height = '55px';
                    spans[i].style.transform="rotate(90deg)"; 
                }
              })
            }
         }
        
//嵌套事件  


function AddEvenA() {//资源
    $("#ziyuan a").click(function (e) {
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#yuyueguanli a").click(function (e) {//预约
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#fangjianguanli a").click(function (e) {//房间
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#jiaoseguanli a").click(function (e) {//角色
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#huiyishiguanli a").click(function (e) {//会议室
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#quyuguanli a").click(function (e) {//区域
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#fuwuguanli a").click(function (e) {
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#zhutiguanli a").click(function (e) {//主体
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#fuwuleixing a").click(function (e) {//服务类型
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#yonghuguanli a").click(function (e) {//用户管理
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#xuyueshengpi a").click(function (e) {//续约审批
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#yanqishengpi a").click(function (e) {//延期审批
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#hetongguanli a").click(function (e) {//合同管理
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#shouye a").click(function (e) {//首页
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#kehuguanli a").click(function (e) {//客户管理
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#xuanzishengpi a").click(function (e) {//选址审批
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#qianyueshengpi a").click(function (e) {//签约审批
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#xitongrizi a").click(function (e) {//系统日志
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#zixunguanli a").click(function (e) {//咨询管理
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#zixunfenlei a").click(function (e) {//咨询分类
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#tongzhiguanli a").click(function (e) {//消息管理
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })
    $("#renyuanguanli a").click(function (e) {//消息管理
        e.preventDefault ();
        let url = $(e.target) .attr("href");
        $(" .right").load (url,function(){
        init();
       });
     })





  }
  
  
 })
 //登录显示对应用户名
 let urse=document.querySelector('#urse');
 var index = window.location.href.indexOf('?');
  index = index + 1;
  var userInfo=window.location.href.substring(index);
  let username= userInfo.split("&")[0].substring(userInfo.indexOf("=")+1);
   urse.innerText=username;
